<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>点餐</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/bootstrap.js"></script>
  </head>
  <body>
    <nav class="navbar navbar-default" style="height:30px">
      <div class="container-fluid">
        <div class="col-xs-1.5" style="margin-left:150px;">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">点餐系统</a>
          </div>
        </div>
        <div class="col-xs-1.5">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 订单管理
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li>
                  <a href="#">item1</a>
                </li>
                <li>
                  <a href="#">item2</a>
                </li>
                <li>
                  <a href="#">item3</a>
                </li>
                <li>
                  <a href="#">item4</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="col-xs-1.5">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 菜品管理
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li>
                  <a href="#">item1</a>
                </li>
                <li>
                  <a href="#">item2</a>
                </li>
                <li>
                  <a href="#">item3</a>
                </li>
                <li>
                  <a href="#">item4</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="col-xs-1.5">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 餐桌管理
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li>
                  <a href="#">item1</a>
                </li>
                <li>
                  <a href="#">item2</a>
                </li>
                <li>
                  <a href="#">item3</a>
                </li>
                <li>
                  <a href="#">item4</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="col-xs-1.5">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 登录管理
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li>
                  <a href="#">item1</a>
                </li>
                <li>
                  <a href="#">item2</a>
                </li>
                <li>
                  <a href="#">item3</a>
                </li>
                <li>
                  <a href="#">item4</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="container">
      <div class="col-xs-2">
        <div class="input-group">
          <input type="text" class="form-control" placeholder="桌号" aria-describedby="basic-btn">
          <div class="input-group-btn" id="basic-btn">
            <button type="submit" class="btn btn-default">
            <span class="glyphicon glyphicon-search" style="height:20px">
            </span>
            </button>
          </div>
        </div>
        <div class="list-group" style="margin-top:20px" align="center">
          <a class="list-group-item"> ttvvv </a>
          <a href="#" class="list-group-item"> 万兴居 </a>
          <a href="#" class="list-group-item"> 东兴居 </a>
          <a href="#" class="list-group-item"> 东风破 </a>
          <a href="#" class="list-group-item"> 会仙居 </a>
          <a href="#" class="list-group-item"> 兰香梅 </a>
          <a href="#" class="list-group-item"> 农雨轩 </a>
          <a href="#" class="list-group-item"> 古槐轩 </a>
          <a href="#" class="list-group-item"> 同兴居 </a>
          <a href="#" class="list-group-item"> 同和居 </a>
          <a href="#" class="list-group-item"> 响水崖 </a>
          <a href="#" class="list-group-item"> 琅琊阁 </a>
          <a href="#" class="list-group-item"> 嘉木舍 </a>
          <a href="#" class="list-group-item"> 四季茗 </a>
        </div>
      </div>
		<div class="col-xs-10">
		  <div class="panel panel-default">
			<div class="panel-heading" role="tab" id="headingOne" style="background-color:#00FFFF">
				<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
				    <div class="row">
		              <div class="col-xs-10">
		                <span class="glyphicon glyphicon-ok"></span>
		                琅琊阁-已选菜品 </div>
		              <div class="col-xs-2">
		                <button type="button" class="btn btn-success">结账
		                <span class="badge">33.33</span>
		                元 </button>
		              </div>
		            </div>
				</a>
			</div>
		  
		
			<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
			  <div class="panel-body">
				<div class="row">
	              <div class="col-lg-2 col-md-3 col-sm-4">
	                <div class="thumbnail">
	                  <img src="1.png"/>
	                  <div class="caption text-center">迷你单身狗1号
	                    <a href="#">取消</a>
	                  </div>
	                </div>
	              </div>
	              <div class="col-lg-2 col-md-3 col-sm-4">
	                <div class="thumbnail">
	                  <img src="1.png"/>
	                  <div class="caption text-center">迷你单身狗2号
	                    <a href="#">取消</a>
	                  </div>
	                </div>
	              </div>
	              <div class="col-lg-2 col-md-3 col-sm-4">
	                <div class="thumbnail">
	                  <img src="1.png"/>
	                  <div class="caption text-center">迷你单身狗3号
	                    <a href="#">取消</a>
	                  </div>
	                </div>
	              </div>
	            </div>
			  </div>
			</div>
			</div>
		  




        <div class="panel panel-default">
          <div class="panel-heading" style="background-color:#00FFFF">
            <div class="row">
              <div class="col-xs-8">
                <span class="glyphicon glyphicon-th-list"></span>
                可选菜品 </div>
              <div class="col-xs-4">
                <div class="input-group">
                  <input type="text" placeholder="菜名" class="form-control">
                  <div class="input-group-btn">
                    <select class="btn btn-default" style="height:34px">
                      <option>全部</option>
                      <option>中餐</option>
                      <option>西餐</option>
                      <option>火锅</option>
                      <option>小吃</option>
                    </select>
                    <button type="submit" class="btn btn-default">
                    <span class="glyphicon glyphicon-search" style="height:20px">
                    </span>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="panel-body">
            <div class="row">
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
              <div class="col-lg-2 col-md-3 col-sm-4">
                <div class="thumbnail">
                  <img src="1.png"/>
                  <div class="caption text-center">迷你单身狗11.11元</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
 
  </body>
</html>